<template>
  <div class="footer">
    <div class="bottomDiv" style="justify-content: center;">
      <div class="clearfix" style="width: 260px;padding-top: 20px">
        <h1>博安通</h1>
        <div class="fl codeDiv">
          <img src="../../../static/images/bat.png" alt="" style="width: 101px;">
        </div>
        <div class="fr codeDiv1">
          量身打造专属您的企业培训移动学习，更有知识查询、安全培训、安全管理、安全游戏、安全社群等服务
        </div>
      </div>
      <span></span>
      <div class="clearfix" style="width: 260px;padding-top: 20px">
        <h1>博安家</h1>
        <div class="fl codeDiv">
          <img src="../../../static/images/baj.png" alt="">
        </div>
        <div class="fr codeDiv1">
          无需下载APP，既可畅享全新的在线知识查询、在线安全培训、在线安全管理等体验
        </div>
      </div>
      <span></span>
      <div class="clearfix" style="width: 260px;padding-top: 20px">
        <h1>公众号</h1>
        <div class="fl codeDiv">
          <img src="../../../static/images/safe.png" alt="">
        </div>
        <div class="fr codeDiv1">
          致力于企业双重预防体系、应急预案体系研究，以智能化、信息化手段，推进事故预防工作科学化、标准化。
        </div>
      </div>
    </div>
    <div class="footer1">
      <img src="../../../static/images/logo.png" alt="">
      <div>
        <p>地址：湖北省武汉市东湖技术开发区关山大道特1号光谷软件园F6栋5-8层 服务热线：400-027-0009</p>
        <p>Copy Right © Bossien All Rights Reserved 武汉博晟安全技术股份有限公司 中国武汉 版权所有 All Right Reserved.</p>
      </div>
    </div>
    <!--<Footer></Footer>-->
  </div>
<!--    <div class="footerMain">
      <div class="date"
           id="time"></div>
      <p class="copyright">Copy Right © Bossien All Rights Reserved 武汉博晟安全技术股份有限公司 版权所有</p>
      <router-link to='service'
                   class="serviceTo">博晟客服中心</router-link>
    </div>-->

</template>

<script>
export default {
  name: '',
  data () {
    return {
      time1:null
    }
  },
  mounted(){
    /*   this.time1 = setInterval(() =>{
            document.getElementById("time").innerHTML = this.time()
        }, 1000)*/
  },
  destroyed(){
       clearInterval( this.time1)
  },
  methods: {
    time () {
        var vWeek, vWeek_s, vDay;
        vWeek = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var day = date.getDate();
        var hours = date.getHours();
        var minutes = date.getMinutes();
        var seconds = date.getSeconds();
        vWeek_s = date.getDay();
        return (year + "年" + month + "月" + day + "日" + "\t" + hours + ":" + minutes + ":" + seconds + "\t" + vWeek[vWeek_s])
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='less'>
.footer {
  height: 40px;
  background: #f3f3f3;
  margin-top: 0px;
  font-size: 12px;
  color: #888888;
  .bottomDiv {
    padding: 80px 0px;
    height: 360px;
    width: 100%;
    background: url("../../../static/images/footbg.png");
    background-size: 100% 100%;
    display: flex;
    flex-direction: row;
    color: #fff;
    span {
      display: inline-block;
      width: 2px;
      height: 100%;
      background: #fff;
      margin: 0 50px;
    }
    h1 {
      font-size: 20px;
      margin-bottom: 25px;
    }
    .codeDiv {
      width: 42%;
    }
    .codeDiv1 {
      width: 58%;
    }
  }

  .footer1 {
    height: 125px;
    width: 100%;
    background: #656c80;
    display: flex;
    flex-direction: row;
    padding: 30px 0px;
    color: #fff;
    justify-content: center;
    div {
      padding-left: 60px;
      line-height: 30px;
    }
  }
/*  .footerMain {
    position: relative;
    .date{
        position: absolute;
        left: 45px;
        line-height: 40px;
        background: url('../../../static/images/date_icon.png') no-repeat left center;
        padding-left: 25px;
    }
    .copyright {
      line-height: 40px;
      text-align: center;
    }
    .serviceTo {
      position: absolute;
      color: #888888;
      right: 45px;
      top: 0;
      line-height: 40px;
      background: url("../../../static/images/customer_icon.png") no-repeat left
        11px;
      padding-left: 30px;
    }
    .serviceTo:hover {
      opacity: 0.8;
    }
  }*/
}
</style>
